<template>
  <div class="iconList">
    <div class="item" v-for="item in arr" :key="item.id" @click="goDeatil(item)">
      <img :src="item.img" alt>
    </div>
  </div>
</template>
<script>
import { Toast } from "mint-ui";

export default {
  data() {
    return {
      arr: [
        {
          img: require("../../../assets/img/sys.png"),
          id: "sys"
        },
        {
          img: require("../../../assets/img/转入.png"),
          id: "zr"
        },
        {
          img: require("../../../assets/img/转出.png"),
          id: "zc"
        },
        {
          img: require("../../../assets/img/账单.png"),
          id: "zd"
        }
      ]
    };
  },
  props: ["user"],
  mounted() {},
  methods: {
    goDeatil(item) {
      let isVip = this.user.MemberOrder == "5" ? true : false;
      if (item.id == "zr") {
        this.$router.push("/into");
      } else if (item.id == "zc") {
        this.$router.push({ path: "/rolloff", query: { type: "PS" } }); //rolloff?type=PS
      } else if (item.id == "zd") {
        this.$router.push({ path: "/bill" }); //rolloff?type=PS
      }
    }
  }
};
</script>
<style lang="stylus" scoped>
.iconList {
  height: 1rem;
  display: flex;
  justify-content: space-around;
  text-align: center;

  .item {
    width: 0.78rem;

    img {
      width: 100%;
      height: 0.98rem;
    }
  }
}
</style>


